${this.departments[department_id]['image'] == '' ? `` : `

${this.departments[department_id]['name']}

`); } } else { SBF.ajax({ function: 'get-departments' }, (response) => { if (response) { this.departments = response; this.getDepartmentCode(department_id, onSuccess); } }); } }, // Start and stop the real time check of new messages startRealTime: function () { if (SBPusher.active) return; this.stopRealTime(); this.real_time = setInterval(() => { this.update(); this.typing(admin ? (activeUser() ? activeUser().id : -1) : this.agent_id, 'check'); }, 1000); }, stopRealTime: function () { clearInterval(this.real_time); }, // Check if the agent is online and set the online status of the active user updateUsersActivity: function () { if (activeUser()) { SBF.updateUsersActivity(activeUser().id, this.agent_id, (response) => { if (!this.typing_settings['typing']) { if (response == 'online' || this.agent_id == bot_id) { $(chat_status).addClass('sb-status-online').html(sb_('Online')); this.agent_online = this.agent_id != bot_id; } else { $(chat_status).removeClass('sb-status-online').html(sb_('Away')); this.agent_online = false; } } }); } }, // Show the loading icon and put the chat in busy mode busy: function (value) { chat_editor.find('.sb-loader').sbActive(value); this.is_busy = value; SBF.event('SBBusy', value); }, // Manage the agent header headerAgent: function () { if (!admin && !tickets && !this.dashboard && this.conversation && (this.agent_id == -1 || (this.conversation.getLastMessage() && SBF.isAgent(this.conversation.getLastMessage().get('user_type')) && this.conversation.getLastMessage().get('user_id') != this.agent_id))) { let agent = this.lastAgent(); if (agent) { this.agent_id = agent['user_id']; this.headerReset(); chat_header.addClass('sb-header-agent').attr('data-agent-id', this.agent_id).html(`

${agent['full_name']}${sb_('Away')}

`); chat_status = chat_header.find('.sb-status'); this.updateUsersActivity(); label_date = chat_header.find('.sb-label-date-top'); if (SBF.storageTime('header-animation', 1)) { this.headerAnimation(); } } } }, headerReset: function () { if (this.start_header == false) { this.start_header = [chat_header.html(), chat_header.attr('class')]; } chat_header.removeClass('sb-header-main sb-header-brand sb-header-agent sb-header-minimal'); this.main_header = false; }, headerAnimation: function () { chat_header.addClass('sb-header-animation'); setTimeout(() => { chat_header.removeClass('sb-header-animation') }, 8000); SBF.storageTime('header-animation'); }, // Return the last agent of the active conversation lastAgent: function (bot = true) { let agent = false; if (this.conversation) { let message = this.conversation.getLastUserMessage(false, bot ? 'all' : true); if (message) { agent = { user_id: message.get('user_id'), full_name: message.get('full_name'), profile_image: message.get('profile_image') }; } } return agent; }, // Scroll the chat to the bottom scrollBottom: function (top = false) { label_date_show = false; setTimeout(() => { label_date_show = true }, 1000); setTimeout(() => { chat_scroll_area.scrollTop(top ? 0 : chat_scroll_area[0].scrollHeight); this.scrollHeader(); }, 20); }, // Check if the chat is at bottom isBottom: function () { return chat_scroll_area[0].scrollTop === (chat_scroll_area[0].scrollHeight - chat_scroll_area[0].offsetHeight); }, // Dashboard header animation scrollHeader: function () { if (this.main_header && this.dashboard) { let scroll = chat_scroll_area.scrollTop(); if (scroll > -1 && scroll < 1000) { chat_header.find('.sb-content').css({ 'opacity': (1 - (scroll / 500)), 'top': (scroll / 10 * -1) + 'px' }); }; } }, // Display the dashboard area showDashboard: function () { if (!admin && !tickets) { main.addClass('sb-dashboard-active'); chat_header.removeClass('sb-header-agent'); this.hidePanel() if (this.start_header) chat_header.html(this.start_header[0]).addClass(this.start_header[1]); chat_scroll_area.find(' > div').sbActive(false); main.find('.sb-dashboard').sbActive(true); this.populateConversations(); this.conversation = false; this.agent_id = -1; this.stopRealTime(); this.dashboard = true; this.main_header = true; this.scrollBottom(true); SBF.event('SBDashboard'); } }, // Hide the dashboard area hideDashboard: function () { if (!admin && !tickets) { chat.sbActive(true); main.removeClass('sb-dashboard-active').find('.sb-dashboard').sbActive(false); this.dashboard = false; this.headerAgent(); this.scrollHeader(0); if (this.chat_open) { this.startRealTime(); } SBF.event('SBDashboardClosed'); } }, // Show a chat panel showPanel: function (name, title) { if (tickets) return SBTickets.showPanel(name, title); let panel = chat_scroll_area.find(' > .sb-panel-' + name); if (panel.length) { chat_scroll_area.find(' > div').sbActive(false); panel.sbActive(true); if (!this.start_header) this.start_header = [chat_header.html(), chat_header.attr('class')]; chat_header.attr('class', 'sb-header sb-header-panel').html(`${sb_(title)}

`); main.addClass('sb-panel-active'); this.dashboard = true; } SBF.event('SBPanelActive', name); }, hidePanel: function () { main.removeClass('sb-panel-active'); chat_header.removeClass('sb-header-panel'); }, // Clear the conversation area and the active conversation clear: function () { this.conversation = false; chat.html(''); }, // Update the red notification counter of the chat updateNotifications: function (action = 'add', conversation_id) { if (action == 'add' && !this.notifications.includes(conversation_id)) { this.notifications.push(conversation_id); if (!this.dashboard && this.conversation && this.conversation.id != conversation_id) this.headerAnimation(); } if (action == 'remove') { for (var i = 0; i < this.notifications.length; i++) { if (this.notifications[i] == conversation_id) { this.notifications.splice(i, 1); if (this.conversation.get('conversation_status_code') != 0 && ['1', '2', 1, 2].includes(this.conversation.get('conversation_status_code'))) { this.setConversationStatus(0); } break; } } } let count = this.notifications.length; main.find('.sb-chat-btn span').attr('data-count', count).html(count > -1 ? count : 0); SBF.event('SBNotificationsUpdate', { action: action, conversation_id: conversation_id }); }, // Set the active conversation status setConversationStatus: function (status_code) { if (this.conversation) { SBF.ajax({ function: 'update-conversation-status', conversation_id: this.conversation.id, status_code: status_code }, () => { this.conversation.set('conversation_status_code', status_code); SBF.event('SBActiveConversationStatusUpdated', { conversation_id: this.conversation.id, status_code: status_code }); }); return true; } return false; }, // Typing status typing: function (user_id = -1, action = 'check') { if (this.conversation) { let valid = this.agent_online || (admin && this.user_online); if (action == 'check' && !SBPusher.active && user_id != -1 && user_id != bot_id && valid) { SBF.ajax({ function: 'is-typing', user_id: user_id, conversation_id: this.conversation.id }, (response) => { if (response && !this.typing_settings['typing']) { this.typing(-1, 'start'); } else if (!response && this.typing_settings['typing']) { this.typing(-1, 'stop'); } }); } else if (action == 'set' && valid) { let source = this.conversation.get('source'); if (source) { source = source == 'fb' ? [source, activeUser().getExtra('facebook-id')['value'], this.conversation.get('extra')] : (source == 'tw' ? [source, activeUser().getExtra('twitter-id')['value']] : false); } if (SBPusher.active) { SBF.debounce(() => { SBPusher.trigger('client-typing', { user_id: admin ? SB_ACTIVE_AGENT['id'] : activeUser().id, conversation_id: this.conversation.id }); if (source) SBF.ajax({ function: 'set-typing', source: source }); }, '#2'); } else { if (!this.typing_settings['sent']) { this.typing_settings['sent'] = true; SBF.ajax({ function: 'set-typing', user_id: user_id, conversation_id: this.conversation.id, source: source }); this.typing(user_id, 'set'); } else { clearTimeout(this.typing_settings['timeout']); this.typing_settings['timeout'] = setTimeout(() => { SBF.ajax({ function: 'set-typing', user_id: user_id, conversation_id: -1 }, () => { this.typing_settings['sent'] = false; }); }, 2000); } } } else if (action == 'start' || action == 'stop') { let start = action == 'start'; if (!admin && chat_status) { if (start) { $(chat_status).addClass('sb-status-typing').html(sb_('Typing')); } else { let online = this.agent_online || this.agent_id == bot_id; $(chat_status).removeClass('sb-status-typing').html(sb_(online ? 'Online' : 'Away')); if (online) $(chat_status).addClass('sb-status-online'); } } this.typing_settings['typing'] = start; SBF.event('SBTyping', start); } } }, // Articles showArticles: function (id = -1) { let panel = tickets ? main.find('.sb-panel-main .sb-panel') : chat_scroll_area.find(' > .sb-panel-articles'); let code = ''; panel.html('').sbLoading(true); this.showPanel('articles', CHAT_SETTINGS['articles-title'] ? CHAT_SETTINGS['articles-title'] : 'Help Center'); this.getArticles(id, (articles) => { if (id == -1) { let ids = []; for (var y = 0; y < this.articles_categories.length; y++) { let category = this.articles_categories[y]; let code_articles_category = ''; for (var i = 0; i < articles.length; i++) { let article = articles[i]; if (!ids.includes(article.id) && (!category || SBF.null(article.parent_category) || article.parent_category.includes(category.id))) { code_articles_category += `

${article.title}

${article.content}

`; ids.push(article.id); } } if (code_articles_category) code += (category ? `

${sb_(category.title)}

` : '') + code_articles_category; } panel.html(`

${code}

`); } else if (articles) { panel.html(this.getArticleCode(articles)); } panel.sbLoading(false); SBF.event('SBArticles', { id: id, articles: articles }); }); }, getArticles: function (id = -1, onSuccess = false, category = true) { if (this.articles === false || id != -1) { SBF.ajax({ function: 'get-articles', categories: category, articles_language: typeof SB_LANG != ND ? SB_LANG[0] : false, id: id }, (response) => { if (id == -1) { this.articles = response[0]; this.articles_categories = response[1].length ? response[1] : ['']; } onSuccess(id == -1 ? response[0] : response); }); } else { if (onSuccess) { if (category && category !== true && category != 'true') { let articles = []; for (var i = 0; i < this.articles.length; i++) { if (('categories' in this.articles[i] && this.articles[i].categories.includes(category)) || ('parent_category' in this.articles[i] && category == this.articles[i].parent_category)) articles.push(this.articles[i]); } onSuccess(articles); } else onSuccess(this.articles); } else { return this.articles; } } }, searchArticles: function (search, button, target) { if (search) { $(button).sbLoading(true); SBF.ajax({ function: 'search-articles', articles_language: typeof SB_LANG != ND ? SB_LANG[0] : false, search: search }, (articles) => { let code = ''; let count = articles.length; if (count == 0) { code += `

${sb_('No articles found.')}

`; } else { for (var i = 0; i < articles.length; i++) { code += `

${articles[i]['title']}

${articles[i]['content']}

`; } } $(target).html(code); $(button).sbLoading(false); }); } }, setArticleRating: function (article_id, rating, onSuccess = false) { SBF.ajax({ function: 'article-ratings', article_id: article_id, rating: rating }, (response) => { if (onSuccess) onSuccess(response); }); }, articleRatingOnClick: function (button) { let article = $(button).closest('.sb-article'); if (!article[0].hasAttribute('data-user-rating')) { $(button).parent().sbLoading(); let rating = $(button).attr('data-rating') == 'positive' ? 1 : -1; let article_id = $(button).closest('.sb-article').attr('data-id'); SBChat.setArticleRating(article_id, rating, () => { SBF.storage('article-rating-' + article_id, rating); article.attr('data-user-rating', rating); $(button).parent().sbLoading(false); }); } }, getArticleCode: function (article) { let user_rating = SBF.storage('article-rating-' + article['id']); let code = ''; if (this.articles_categories && !SBF.null(article.categories)) { for (var i = 0; i < this.articles_categories.length; i++) { let category_id = this.articles_categories[i].id; if (article.categories.includes(category_id) || article.parent_category == category_id) { code += `${sb_(this.articles_categories[i].title)}`; } } } return `

${article.title}

${article.content.replace(/(?:\r\n|\r|\n)/g, '
')}

${SBF.null(article.link) ? '' : `${sb_('Read more')}`}${code ? `

${code}

` : ''}

${sb_('Rate and review')}

`; }, initArticlesPage: function () { let code_articles = ''; let code_categories = ''; let cache; let panel_main; let categories = {}; let category_names = {}; articles_page = $('body').find('#sb-articles'); if (!articles_page.length) articles_page = $('body'); articles_page.sbLoading(true); this.getArticles(-1, () => { for (var i = 0; i < this.articles.length; i++) { let article = this.articles[i]; code_articles += `

${article.title}

${article.content}

`; if (!SBF.null(article.parent_category)) { if (!(article.parent_category in categories)) categories[article.parent_category] = []; if (!SBF.null(article.categories)) { for (var j = 0; j < article.categories.length; j++) { if (!categories[article.parent_category].includes(article.categories[j])) categories[article.parent_category].push(article.categories[j]); } } } } for (var i = 0; i < this.articles_categories.length; i++) { category_names[this.articles_categories[i].id] = this.articles_categories[i].title; } for (var key in categories) { code_categories += `

${sb_(category_names[key])}

`; for (var i = 0; i < categories[key].length; i++) { code_categories += `${sb_(category_names[categories[key][i]])}`; } code_categories += '

'; } articles_page.html(`

${code_articles}

${CHAT_SETTINGS['articles-title'] ? CHAT_SETTINGS['articles-title'] : 'Help Center'}

${sb_('Categories')}

${sb_('All articles')}

${code_categories}

`); articles_page.sbLoading(false); panel_main = articles_page.find('.sb-panel-main'); if (SBF.getURL('article')) articles_page.find(`.sb-articles > [data-id="${SBF.getURL('article')}"]`).click(); }); articles_page.on('keydown', '.sb-panel-side input', function (e) { if (e.which == 13) $(this).next().click(); }); articles_page.on('click', '.sb-articles > [data-id]', function () { cache = panel_main.html(); panel_main.sbLoading(true); SBChat.getArticles($(this).attr('data-id'), (article) => { panel_main.removeClass('sb-articles').html(SBChat.getArticleCode(article)); panel_main.sbLoading(false); }); }); articles_page.on('click', '.sb-article [data-rating]', function () { SBChat.articleRatingOnClick(this); }); articles_page.on('click', '.sb-article .sb-title .sb-close', function () { articles_page.find('.sb-panel-main').addClass('sb-articles').html(cache); }); articles_page.on('click', '.sb-submit-articles', function () { let search = $(this).parent().find('input').val(); if (search) { cache = panel_main.html(); panel_main.html(''); SBChat.searchArticles(search, this, panel_main); } else { panel_main.html(cache); } panel_main.addClass('sb-articles'); }); articles_page.on('click', '.sb-article-categories [data-id]', function () { if (loading(panel_main)) return; let code = ''; cache = panel_main.html(); articles_page.find('.sb-article-categories [data-id]').sbActive(false); $(this).sbActive(true); SBChat.getArticles(-1, (articles) => { for (var i = 0; i < articles.length; i++) { code += `

${articles[i]['title']}

${articles[i].content}

`; } panel_main.addClass('sb-articles').html(code ? code : `

${sb_('No articles found.')}

`); panel_main.sbLoading(false); }, $(this).attr('data-id')); }); }, // Emoji categoryEmoji: function (category) { let list = this.emoji_options['list']; if (category == 'all') { this.emoji_options['list_now'] = list; } else { this.emoji_options['list_now'] = []; for (var i = 0; i < list.length; i++) { if (list[i]['category'].startsWith(category)) { this.emoji_options['list_now'].push(list[i]); } } } this.emoji_options['range'] = 0; this.populateEmoji(0); this.populateEmojiBar(); }, mouseWheelEmoji: function (e) { let range = this.emoji_options['range']; if (sbDelta(e) > 0 || (mobile && typeof e.originalEvent.changedTouches !== ND && this.emoji_options['touch'] < e.originalEvent.changedTouches[0].clientY)) { range -= (range < 1 ? 0 : 1); } else { range += (range > this.emoji_options['range_limit'] ? 0 : 1); } chat_emoji.find('.sb-emoji-bar > div').sbActive(false).eq(range).sbActive(true); this.emoji_options['range'] = range; this.populateEmoji(range); e.preventDefault(); }, insertEmoji: function (emoji) { if (emoji.indexOf('.svg') > 0) { emoji = $.parseHTML(emoji)[0]['alt']; } this.insertText(emoji); chat_emoji.sbTogglePopup(); }, showEmoji: function (button) { if (chat_emoji.sbTogglePopup(button)) { if (!admin) { chat_emoji.css({ left: chat_editor.offset().left + (tickets ? 68 : 20), top: chat_editor.offset().top - window.scrollY - (tickets ? chat_editor.height() - 330 : 304) }); } if (chat_emoji.find('.sb-emoji-list > ul').html() == '') { jQuery.ajax({ method: 'POST', url: SB_AJAX_URL, data: { function: 'emoji' } }).done((response) => { this.emoji_options['list'] = JSON.parse(response); this.emoji_options['list_now'] = this.emoji_options['list']; this.populateEmoji(0); this.populateEmojiBar(); }); } SBF.deselectAll(); } }, populateEmoji: function (range) { let code = ''; let per_page = mobile ? 42 : 48; let limit = range * per_page + per_page; let list_now = this.emoji_options['list_now']; if (limit > list_now.length) limit = list_now.length; this.emoji_options['range_limit'] = list_now.length / per_page - 1; this.emoji_options['range'] = range; for (var i = (range * per_page); i < limit; i++) { code += `

${list_now[i]['char']}

`; } chat_emoji.find('.sb-emoji-list').html(`

${code}`); }, populateEmojiBar: function () { let code = '

'; let per_page = mobile ? 42 : 49; for (var i = 0; i < this.emoji_options['list_now'].length / per_page - 1; i++) { code += '

'; } this.emoji_options['range'] = 0; chat_emoji.find('.sb-emoji-bar').html(code); }, clickEmojiBar: function (item) { let range = $(item).index(); this.populateEmoji(range); this.emoji_options['range'] = range; chat_emoji.find('.sb-emoji-bar > div').sbActive(false).eq(range).sbActive(true); }, searchEmoji: function (search) { SBF.search(search, () => { if (search.length > 1) { let list = this.emoji_options['list']; let list_now = []; for (var i = 0; i < list.length; i++) { if (list[i]['category'].toLowerCase().includes(search) || list[i]['name'].toLowerCase().includes(search)) { list_now.push(list[i]); } } this.emoji_options['list_now'] = list_now; } else { this.emoji_options['list_now'] = this.emoji_options['list']; } this.emoji_options['range'] = 0; this.populateEmoji(0); this.populateEmojiBar(); }); }, // Editor methods textareaChange: function (textarea) { let value = $(textarea).val(); // Saved replies if (admin) { SBAdmin.conversations.savedReplies(textarea, value); } // Typing if (value) { this.typing((admin && !SBPusher.active ? SB_ACTIVE_AGENT['id'] : activeUser().id), 'set'); this.activateBar(); } else { this.activateBar(false); } }, insertText: function (text) { let textarea = $(chat_textarea.get(0)); let index = 0; if (this.dashboard) return false; if ('selectionStart' in textarea.get(0)) { index = textarea.get(0).selectionStart; } else if ('selection' in document) { textarea.focus(); let selection = document.selection.createRange(); var selection_length = document.selection.createRange().text.length; selection.moveStart('character', -textarea.value.length); index = selection.text.length - selection_length; } textarea.val(textarea.val().substr(0, index) + text + textarea.val().substr(index)); textarea.focus(); textarea.manualExpandTextarea(); this.activateBar(); }, enabledAutoExpand: function () { if (chat_textarea.length) chat_textarea.autoExpandTextarea(); }, // Privacy message privacy: function () { SBF.ajax({ function: 'get-block-setting', value: 'privacy' }, (response) => { chat_scroll_area.append(`

${response['title']}

${response['message']}

` + (response['link'] ? `${response['link-name']}` : '') + `

${response['btn-approve']}${response['btn-decline']}

`); this.finalizeInit(); SBF.event('SBPrivacy'); }); if (!this.dashboard) this.showDashboard(); this.dashboard = true; main.addClass('sb-init-form-active'); }, // Popup message popup: function (close = false, content = false) { if (close) { let popup = main.find('.sb-popup-message'); let id = popup.attr('data-id'); storage('popup' + (SBF.null(id) ? '' : id), true); popup.remove(); return; } setTimeout(() => { if (!this.chat_open) { if (content == false) content = CHAT_SETTINGS['popup']; main.find('.sb-popup-message').remove(); main.append(``); SBF.event('SBPopup', content); } }, 1000); }, // Follow up message followUp: function () { if (this.followUpCheck()) { if (timeout) clearTimeout(timeout); timeout = setTimeout(() => { if (this.followUpCheck()) { let settings = CHAT_SETTINGS['follow']; this.sendMessage(bot_id, `[email id="sb-follow-up-form" title="${settings['title']}" message="${settings['message']}" placeholder="${settings['placeholder']}" name="${settings['name']}" last-name="${settings['last-name']}" phone="${settings['phone']}" phone-required="${settings['phone-required']}" success="${settings['success']}"]`); this.scrollBottom(); SBF.storageTime('email'); SBF.event('SBFollowUp'); } }, SBF.null(CHAT_SETTINGS['follow']['delay']) ? (CHAT_SETTINGS['office-hours'] || agents_online ? 15000 : (SBApps.dialogflow.active() ? 8000 : 5000)) : parseInt(CHAT_SETTINGS['follow']['delay'])); } }, followUpCheck: function () { return !admin && this.conversation && CHAT_SETTINGS['follow']['active'] && activeUser() && !activeUser().get('email') && SBF.storageTime('email', 24) && (CHAT_SETTINGS['office-hours'] || !CHAT_SETTINGS['follow']['disable-office-hours']); }, // Welcome message welcome: function () { if ((CHAT_SETTINGS['welcome-trigger'] != 'open' || this.chat_open) && (CHAT_SETTINGS['office-hours'] || !CHAT_SETTINGS['welcome-disable-office-hours']) && CHAT_SETTINGS['welcome'] && !storage('welcome') && activeUser()) { SBF.ajax({ function: 'get-block-setting', value: 'welcome' }, (response) => { setTimeout(() => { if (CHAT_SETTINGS['dialogflow-welcome']) { if (this.conversation === false) { this.newConversation(3, -1, '', [], null, null, function () { SBApps.dialogflow.welcome(response['open'], response['sound']) }); } else { SBApps.dialogflow.welcome(response['open'], response['sound']); } } else { this.sendMessage(bot_id, response['message'], [], false, false, 3); if (response['open']) { this.start(); } if (response['sound']) { this.audio.play(); } } this.skip = true; SBF.event('SBWelcomeMessage'); }, parseInt(tickets ? 0 : CHAT_SETTINGS['welcome-delay'])); storage('welcome', true); }); } }, // Subscribe message subscribe: function () { if (CHAT_SETTINGS['subscribe'] && !storage('subscribe') && activeUser() && SBF.null(activeUser().get('email')) && activeUser()) { setTimeout(() => { SBF.ajax({ function: 'get-block-setting', value: 'subscribe' }, (response) => { this.sendMessage(bot_id, response['message'], [], false, { event: 'open-chat' }, 3); if (response['sound'] && this.audio) { this.audio.play(); } this.skip = true; storage('subscribe', true); }); }, parseInt(CHAT_SETTINGS['subscribe-delay'])); } }, // Offline timetable message offlineMessage: function () { if (!admin && !this.offline_message_set && CHAT_SETTINGS['timetable'] && (!CHAT_SETTINGS['office-hours'] || (!agents_online && !CHAT_SETTINGS['timetable-disable-agents'])) && SBF.storageTime('timetable', 1)) { let message = CHAT_SETTINGS['timetable-message']; switch (CHAT_SETTINGS['timetable-type']) { case 'header': if (message[0]) chat_header.find('.sb-title').html(message[0]); chat_header.find('.sb-text').html(message[1]); this.offline_message_set = true; break; case 'info': chat.prepend(`

${message[0] ? `${message[0]} ` : ''}${message[1]}

`); main.addClass('sb-notify-active'); this.offline_message_set = true; break; default: setTimeout(() => { if (this.conversation) { this.sendMessage(bot_id, CHAT_SETTINGS['timetable-hide'] ? `${message[0] ? `*${message[0]}*\n` : ''}${message[1]}` : '[timetable]'); this.scrollBottom(); this.offline_message_set = true; SBF.storageTime('timetable'); } }, 5000); } } }, // Send Slack message slackMessage: function (user_id, full_name, profile_image, message, attachments = []) { if (!this.conversation || (!message && !attachments.length)) return false; let conversation_id = this.conversation.id; SBF.ajax({ function: 'send-slack-message', user_id: user_id, full_name: full_name, profile_image: profile_image, conversation_id: conversation_id, message: message, attachments: attachments, channel: this.slack_channel[0] == activeUser().id ? this.slack_channel[1] : false }, (response) => { this.slack_channel = [activeUser().id, response[1]]; SBF.event('SBSlackMessageSent', { message: message, conversation_id: conversation_id, slack_channel: response[1] }); }); }, // Delete message deleteMessage: function (message_id) { SBF.ajax({ function: 'delete-message', message_id: message_id }, () => { if (this.conversation) this.conversation.deleteMessage(message_id); chat.find(`[data-id="${message_id}"]`).remove(); SBF.event('SBMessageDeleted', message_id); }); }, // Registration form registration: function (check = false, type = CHAT_SETTINGS['registration-required']) { if (check) return CHAT_SETTINGS['registration-required'] && (!CHAT_SETTINGS['registration-offline'] || !agents_online) && (!CHAT_SETTINGS['registration-timetable'] || !CHAT_SETTINGS['office-hours']) && (activeUser() === false || ['visitor', 'lead'].includes(activeUser().type)); chat_scroll_area.append(SBRichMessages.generate({}, CHAT_SETTINGS['registration-link'] ? 'login' : type, 'sb-init-form')); if (!this.dashboard) this.showDashboard(); this.dashboard = true; this.finalizeInit(); main.addClass('sb-init-form-active'); }, // Display the send button activateBar: function (show = true) { chat_editor.find('.sb-bar').sbActive(show); }, // Shortcut for add user and login function addUserAndLogin: function (onSuccess = false, lead = false) { let settings = typeof SB_DEFAULT_USER != ND ? SB_DEFAULT_USER : {}; settings.user_type = lead ? 'lead' : 'visitor'; SBF.ajax({ function: 'add-user-and-login', settings: settings, settings_extra: settings.extra }, (response) => { SBF.loginCookie(response[1]); activeUser(new SBUser(response[0])); SBPusher.start(); if (!SBPusher.active) SBChat.automations.run_all(); if (onSuccess) { onSuccess(response); } }); }, // Check if the dashboard must be showed isInitDashboard: function () { return CHAT_SETTINGS['init-dashboard'] || (activeUser() && activeUser().conversations.length > 1); }, // Upload response uploadResponse: function (response) { response = JSON.parse(response); if (response[0] == 'success') { if (response[1] == 'extension_error') { let message = 'The file you are trying to upload has an extension that is not allowed.'; if (admin) SBAdmin.dialog(message, 'info'); else alert(message); } else if ($(upload_target).hasClass('sb-input-image')) { $(upload_target).find('.image').attr('data-value', '').css('background-image', ''); setTimeout(() => { $(upload_target).find('.image').attr('data-value', response[1]).css('background-image', `url("${response[1]}?v=${SBF.random()}")`).append(''); upload_target = false; }, 500); } else { let name = response[1].substr(response[1].lastIndexOf('/') + 1); chat_editor.find('.sb-attachments').append(`

${name}

`); SBChat.activateBar(); } } else { SBF.error(response[1], 'sb-upload-files.change'); } this.busy(false); }, // Archive a conversation and close it closeChat: function (ajax = true) { let id = this.conversation.id; SBChat.clear(); if (ajax) { SBF.ajax({ function: 'update-conversation-status', conversation_id: id, status_code: 3 }, () => { close(); }); } else { close(); } function close() { main.find(`li[data-conversation-id="${id}"]`).remove(); force_action = 'new-conversation'; SBChat.clear(); storage('open-conversation', ''); activeUser().removeConversation(id); if (!CHAT_SETTINGS['disable-dashboard']) { SBChat.showDashboard(); } } }, // Automations automations: { history: [], busy: [], scroll_position_intervals: {}, timeout_queue: [], run_all: function () { let automations = CHAT_SETTINGS['automations']; for (var i = 0; i < automations.length; i++) { let automation = automations[i]; let conditions = automation.conditions; let count = conditions.length; let valid = count == 0; let browsing_time = false; let scroll_position = false; let server_conditions = false; for (var j = 0; j < conditions.length; j++) { let criteria = conditions[j][1]; valid = false; switch (conditions[j][0]) { case 'browsing_time': valid = true; browsing_time = criteria; break; case 'scroll_position': valid = true; scroll_position = criteria; break; case 'include_urls': case 'exclude_urls': case 'referring': let url = conditions[j][0] == 'referring' ? document.referrer : window.location.href; let checks = conditions[j][2].split(','); let include = conditions[j][0] != 'exclude_urls'; if (!include) valid = true; url = url.replace('https://', '').replace('http://', '').replace('www.', ''); for (var y = 0; y < checks.length; y++) { checks[y] = $.trim(checks[y].replace('https://', '').replace('http://', '').replace('www.', '')); if ((criteria == 'contains' && url.indexOf(checks[y]) != -1) || (criteria == 'does-not-contain' && url.indexOf(checks[y]) == -1) || (criteria == 'is-exactly' && checks[y] == url) || (criteria == 'is-not' && checks[y] != url)) { valid = include; break; } } break; case 'custom_variable': let variable = criteria.split('='); if (variable[0] in window && window[variable[0]] == variable[1]) { valid = true; } break; case 'returning_visitor': case 'user_type': case 'cities': case 'languages': case 'countries': valid = activeUser(); server_conditions = true; break; case 'user_phone': valid = activeUser() && !SBF.null(activeUser().getExtra('phone')); break; case 'user_email': valid = activeUser() && !SBF.null(activeUser().get('email')); break; default: valid = true; } if (!valid) break; } if (['messages', 'emails', 'sms'].includes(automation.type) && !activeUser()) valid = false; if (valid) { if (server_conditions) { if (!(automation.id in this.busy)) { SBF.ajax({ function: 'automations-validate', automation: automation }, (response) => { if (response !== false) { this.run_all_final(automation, scroll_position, browsing_time); } delete this.busy[automation.id]; }); this.busy[automation.id] = true; } } else { this.run_all_final(automation, scroll_position, browsing_time); } } } }, run_all_final: function (automation, scroll_position, browsing_time) { if (scroll_position) { this.scroll_position_intervals[automation.id] = setInterval(() => { if ($(window).scrollTop() > parseInt(scroll_position)) { if (browsing_time) setTimeout(() => { this.run(automation) }, parseInt(browsing_time) * 1000); else this.run(automation); clearInterval(this.scroll_position_intervals[automation.id]); } }, 1000); } else if (browsing_time) { if (!this.timeout_queue.includes(automation.id)) { setTimeout(() => { this.run(automation) }, parseInt(browsing_time) * 1000); this.timeout_queue.push(automation.id); } } else this.run(automation); }, run: function (automation) { if (this.history.includes(automation.id)) return; switch (automation.type) { case 'messages': case 'emails': case 'sms': if ((!SBPusher.active || SBPusher.started) && !(automation.id in this.busy)) { if (automation.type == 'messages' && SBChat.chat_open) { let last_message = SBChat.conversation ? SBChat.conversation.getLastUserMessage(false, 'no-bot') : false; if (last_message && ((Date.now() - 600000) < SBF.unix(last_message.get('creation_time')))) return; } SBF.ajax({ function: 'automations-run', automation: automation }, (response) => { if (response !== false) { this.history.push(automation.id); if (automation.type == 'messages' && !SBPusher.active) SBChat.updateConversations(); } delete this.busy[automation.id]; }); this.busy[automation.id] = true; } break; case 'popups': if (!storage('popup' + automation.id)) { setTimeout(() => { if (!SBChat.chat_open) { SBChat.popup(false, { id: automation.id, image: automation.profile_image, title: automation.title, message: automation.message }); this.history.push(automation.id); } else if (automation.fallback) { let last_message = SBChat.conversation ? SBChat.conversation.getLastUserMessage(false, 'no-bot') : false; if (!last_message || ((Date.now() - 600000) > SBF.unix(last_message.get('creation_time')))) { SBChat.sendMessage(bot_id, (SBF.null(automation.title) ? '' : `*${automation.title}*\n`) + automation.message, [], false, false, 0); storage('popup' + automation.id, true); this.history.push(automation.id); } } }, 1000); } break; case 'design': if (automation.background) { chat_header.css('background-image', `url("${automation.background}")`); } if (automation.brand) { chat_header.find('.sb-brand img').attr('src', automation.brand); } if (automation.title) { chat_header.find('.sb-title').html(automation.title); } if (automation.message) { chat_header.find('.sb-text').html(automation.message); } if (automation.icon) { main.find('.sb-chat-btn .sb-icon').attr('src', automation.icon); } if (automation.color_1 || automation.color_2 || automation.color_3) { SBF.ajax({ function: 'chat-css', color_1: automation.color_1, color_2: automation.color_2, color_3: automation.color_3 }, (response) => { global.append(``); }); } this.history.push(automation.id); break; case 'more': if (automation.department) { SBChat.default_department = automation.department; } if (automation.agent) { SBChat.default_agent = automation.agent; } break; } } }, // More flashNotification: function () { clearInterval(interval); interval = setInterval(function () { document.title = document.title == document_title ? sb_('New message...') : document_title; }, 2000); }, calculateLabelDates: function () { if (admin || this.chat_open) label_date_items = chat.find('.sb-label-date'); }, calculateLabelDateFirst: function () { if (!this.conversation.messages.length) chat.append(`

${sb_('Today')}

`); } } window.SBChat = SBChat; /* * ---------------------------------------------------------- * # RICH MESSAGES * ---------------------------------------------------------- */ var SBRichMessages = { rich_messsages: { 'email': '', 'button': '', 'video': '', 'image': '', 'woocommerce-button': '', 'chips': '

[options]

', 'buttons': '

[options]

', 'select': '

[options]

', 'list': '

[values]

', 'list-image': '

[values]

', 'table': '[header][values]

', 'inputs': '

[values]

', 'rating': `

[label]

`, 'card': '

[settings]

', 'share': '', 'slider': '

[items]

', 'slider-images': '

[items]

', 'phone': '' }, cache: {}, // Generate a rich message generate: function (settings, name, css = '') { let content; let next = true; let id = 'id' in settings ? settings['id'] : SBF.random(); let render = new SBMessage({}); // Check if the rich message exist if (name in this.rich_messsages) { content = this.rich_messsages[name]; } else if (name in this.cache) { content = this.cache[name]; } else if (admin || (!SBF.null(CHAT_SETTINGS) && 'rich-messages' in CHAT_SETTINGS && CHAT_SETTINGS['rich-messages'].includes(name))) { if (!('id' in settings)) id = name; content = '

'; SBF.ajax({ function: 'get-rich-message', name: name, settings: settings }, (response) => { response = render.render(this.initInputs(response)); if (name == 'timetable') response = this.timetable(response); main.find(`.sb-rich-message[id="${id}"]`).html(`

${response}

`); this.cache[name] = response; SBChat.scrollBottom(SBChat.dashboard); }); next = false; } else { return false; } // Generate the rich message let disabled = 'disabled' in settings; if (next) { let options; let code = ''; switch (name) { case 'rating': content = content.replace('[label]', sb_(SBF.null(settings['label']) ? 'Rate and review' : settings['label'])).replace('[success-negative]', sb_(SBF.null(settings['success-negative']) ? 'Not helpful' : settings['success-negative'])).replace('[positive]', sb_(SBF.null(settings['label-positive']) ? 'Helpful' : settings['label-positive'])).replace('[negative]', sb_(SBF.null(settings['label-negative']) ? 'Not helpful' : settings['label-negative'])); break; case 'email': let inputs = []; let email = activeUser().get('email'); let default_name = activeUser().get('last_name').charAt(0) == '#'; if (settings['name'] == 'true') inputs.push(['first_name', settings['last-name'] == 'true' ? 'First name' : 'Name', default_name ? '' : (settings['last-name'] == 'true' ? activeUser().get('first_name') : activeUser().name), 'text', true]); if (settings['last-name'] == 'true') inputs.push(['last_name', 'Last name', default_name ? '' : activeUser().get('last_name'), 'text', true]); for (var i = 0; i < inputs.length; i++) { content += `

${sb_(inputs[i][1])}

`; } if (settings['phone'] == 'true') { let phone = activeUser().getExtra('phone'); let phone_codes = admin ? [] : CHAT_SETTINGS['phone-codes']; let select = ''; let single = phone_codes.length === 1; if (single) { select = ``; } else { for (var i = 0; i < phone_codes.length; i++) { select += ``; } select = ``; } content += `

${sb_('Phone')}

${select}

`; } content += `

${sb_(SBF.null(settings.placeholder) ? 'Email' : settings['placeholder'])}

`; break; case 'image': content = `

`; break; case 'video': content = ``; break; case 'select': options = settings['options'].split(','); for (var i = 0; i < options.length; i++) { code += `

${sb_(options[i])}

`; } content = content.replace('[options]', code); break; case 'chips': case 'buttons': options = settings['options'].split(','); for (var i = 0; i < options.length; i++) { code += `

${sb_(options[i])}

`; } content = content.replace('[options]', code); break; case 'button': content = `${sb_(settings['name'])}`; break; case 'list': options = settings['values'].split(','); let list = name == 'list'; let list_double = list && options.length && options[0].indexOf(':') > 0; if (list && !list_double) { content = content.replace('sb-text-list', 'sb-text-list sb-text-list-single'); } for (var i = 0; i < options.length; i++) { code += list_double ? `

${sb_(options[i].split(':')[0])}

${sb_(options[i].split(':')[1])}

` : `

${$.trim(sb_(options[i]))}

`; } content = content.replace('[values]', code); break; case 'list-image': options = settings['values'].split(','); for (var i = 0; i < options.length; i++) { let item = options[i].replace('://', '///').split(':'); code += `

${item[1]}

${item[2]}

`; } content = content.replace('[values]', code); break; case 'table': options = settings['header'].split(','); code += ''; for (var i = 0; i < options.length; i++) { code += `${options[i]}`; } code += ''; content = content.replace('[header]', code); code = ''; options = settings['values'].split(','); for (var i = 0; i < options.length; i++) { let tds = options[i].split(':'); code += ''; for (var i = 0; i < tds.length; i++) { code += `${tds[i]}`; } code += ''; } content = content.replace('[values]', code); break; case 'inputs': options = settings['values'].split(','); for (var i = 0; i < options.length; i++) { if (disabled && options[i] == '') continue; code += `

${sb_(options[i])}

`; } code += '

' + sb_('button' in settings ? settings['button'] : 'Send now') + '

'; content = content.replace('[values]', code); break; case 'card': code = `${'image' in settings ? `

` : ''}

${settings['header']}

${'extra' in settings ? `

${settings['extra']}

` : ''}${'description' in settings ? `

${settings['description']}

` : ''}${'link' in settings ? `${sb_(settings['link-text'])}` : ''}`; content = content.replace('[settings]', code); break; case 'share': let channels = 'channels' in settings ? settings['channels'].replace(/ /g, '').split(',') : ['fb', 'tw', 'li', 'wa', 'pi']; let link = ''; for (var i = 0; i < channels.length; i++) { switch (channels[i]) { case 'fb': link = 'www.facebook.com/sharer.php?u='; break; case 'tw': link = 'twitter.com/intent/tweet?url='; break; case 'li': link = 'www.linkedin.com/sharing/share-offsite/?url='; break; case 'wa': link = 'web.whatsapp.com/send?text='; break; case 'pi': link = 'www.pinterest.com/pin/create/button/?url='; break; } code += ``; } content = content.replace('[settings]', code); break; case 'slider': let count = 0; for (var i = 1; i < 16; i++) { if (('header-' + i) in settings) { code += `

${('image-' + i) in settings ? `

` : ''}

${settings['header-' + i]}

${('extra-' + i) in settings ? `

${settings['extra-' + i]}

` : ''}${('description-' + i) in settings ? `

${settings['description-' + i]}

` : ''}${('link-' + i) in settings ? `${sb_(settings['link-text-' + i])}` : ''}

`; count++; } else { break; } } content = content.replace('[items]', code).replace(/\[class\]/g, count == 1 ? ' sb-hide' : ''); break; case 'slider-images': if ('images' in settings) { let images = settings['images'].split(','); for (var i = 0; i < images.length; i++) { code += `

`; } content = content.replace(/\[class\]/g, images.length == 1 ? ' sb-hide' : ''); } content = content.replace('[items]', code); break; case 'woocommerce-button': settings['settings'] = `checkout:${settings['checkout']},coupon:${settings['coupon']}`; content = `${settings['name']}`; break; } } return `

` + ('title' in settings ? `

${render.render(sb_(settings['title']))}

` : '') + ('message' in settings ? `

${render.render(sb_(settings['message']))}

` : '') + `

${content}

`; }, // Function of built-in rich messages submit: function (area, type, element) { if (!admin && !loading(element) && !this.is_busy) { let error = ''; let shortcode = ''; let parameters = {}; let success = $(area).find('[data-success]').length ? $(area).find('[data-success]').attr('data-success') : ''; let rich_message_id = $(area).closest('.sb-rich-message').attr('id'); let message_id = $(area).closest('[data-id]').attr('data-id'); let message = ''; let payload = { 'rich-messages': {} }; let user_settings = activeUser() == false ? { 'profile_image': ['', ''], 'first_name': ['', ''], 'last_name': ['', ''], 'email': ['', ''], 'password': ['', ''], 'user_type': ['', ''] } : { 'profile_image': [activeUser().image, ''], 'first_name': [activeUser().get('first_name'), ''], 'last_name': [activeUser().get('last_name'), ''], 'email': [activeUser().get('email'), ''], 'password': ['', ''], 'user_type': ['', ''] }; let settings = {}; let input = $(element); let dialogflow_response = ''; let dialogflow_parameters = false; let active_conversation = SBChat.conversation !== false; let settings_extra = {}; let payload_settings = {}; if (SBF.null(message_id)) { message_id = -1; } else { let item = SBChat.conversation.getMessage(message_id); message = item.message; payload = item.payload(); if (!('rich-messages' in payload)) { payload['rich-messages'] = {}; } } if (!$(element).hasClass('sb-btn') && !$(element).hasClass('sb-select') && !$(element).hasClass('sb-submit')) { input = $(element).closest('.sb-btn,.sb-select'); } $(area).find('.sb-info').html('').sbActive(false); switch (type) { case 'email': let is_last_name = 'last_name' in settings; settings = SBForm.getAll(area); if ('first_name' in settings) { user_settings['user_type'] = ['user', '']; if (!is_last_name) user_settings['last_name'] = ['', '']; } if ('phone' in settings) { settings_extra = { 'phone': [settings['phone'][0], 'Phone'] }; } $.extend(user_settings, settings); error = 'Please fill in all required fields and make sure the email is valid.'; if (success) success = sb_(success).replace('{user_email}', user_settings['email'][0]).replace('{user_name_}', user_settings['first_name'][0] + (is_last_name ? (' ' + user_settings['last_name'][0]) : '')); payload['rich-messages'][rich_message_id] = { type: type, result: settings }; payload['event'] = 'update-user'; parameters = { function: 'update-user-and-message', settings: user_settings, settings_extra: settings_extra, payload: payload }; dialogflow_parameters = { settings: user_settings, settings_extra: settings_extra }; break; case 'registration': settings_extra = SBForm.getAll(area.find('.sb-form-extra')); $.extend(user_settings, SBForm.getAll(area.find('.sb-form-main'))); payload_settings = $.extend({}, user_settings); if (success) { success = sb_(success); } if (CHAT_SETTINGS['registration-details']) { success += '[list values="'; for (var key in user_settings) { let value = user_settings[key][0].replace(/:|,/g, ''); if (value) { if (key == 'profile_image') { value = value.substr(value.lastIndexOf('/') + 1); } if (key == 'password' || key == 'password-check') { value = '********'; payload_settings[key] = '********'; } success += user_settings[key][1] == '' ? '' : `${sb_(user_settings[key][1].replace(/:|,/g, ''))}:${value},`; } } for (var key in settings_extra) { if (settings_extra[key][0]) { success += `${sb_(settings_extra[key][1].replace(/:|,/g, ''))}:${settings_extra[key][0].replace(/:|,/g, '')},`; } } success = success.slice(0, -1) + '"]'; } user_settings['user_type'] = ['user', '']; payload['rich-messages'][rich_message_id] = { type: type, result: { user: payload_settings, extra: settings_extra } }; payload['event'] = 'update-user'; parameters = { function: activeUser() ? 'update-user-and-message' : 'add-user-and-login', settings: user_settings, settings_extra: settings_extra, payload: payload }; error = SBForm.getRegistrationErrorMessage(area); dialogflow_parameters = { settings: user_settings, settings_extra: settings_extra }; break; case 'rating': let rating = $(element).attr('data-rating'); let agent = SBChat.conversation.getLastUserMessage(false, true); success = sb_(rating == 'positive' ? (success ? success : sb_('Helpful')) : $(element).closest('.sb-rating').attr('data-success-negative')); settings = { conversation_id: SBChat.conversation.id, agent_id: agent ? agent.get('user_id') : bot_id, user_id: activeUser().id, message: area.find('textarea').val(), rating: (rating == 'positive' ? 1 : -1) }; payload['rich-messages'][rich_message_id] = { type: type, result: settings }; parameters = { function: 'set-rating', payload: payload, settings: settings }; dialogflow_response = rating; break; case 'chips': case 'select': case 'buttons': settings = SBF.escape($(element).html()); if (success) success = sb_(success) + ` *${settings}*`; payload['rich-messages'][rich_message_id] = { type: type, result: settings }; parameters = { function: 'update-message', payload: payload }; dialogflow_response = settings; if (type == 'chips') { SBChat.sendMessage(activeUser().id, settings, [], false, { id: rich_message_id, event: 'chips-click', result: settings }, rich_message_id == 'sb-human-takeover' && input.index() == 0 ? 2 : false); if (rich_message_id == 'sb-human-takeover' && $(element).index() == 0) { SBApps.dialogflow.humanTakeover(); } $(element).closest('.sb-content').remove(); } break; case 'inputs': settings = SBForm.getAll(area); error = 'All fields are required.'; if (success) { success = sb_(success) + ' [list values="'; for (var key in settings) { success += `${sb_(settings[key][1].replace(/:|,/g, ''))}:${settings[key][0].replace(/:|,/g, '')},`; } success = success.slice(0, -1) + '"]'; } payload['rich-messages'][rich_message_id] = { type: type, result: settings }; parameters = { function: 'update-message', payload: payload }; dialogflow_parameters = { settings: settings }; break; } shortcode = message.substr(message.indexOf('[' + type)) shortcode = shortcode.substr(0, shortcode.indexOf(']') + 1); if (error && SBForm.errors(area)) { SBForm.showErrorMessage(area, error); input.sbLoading(false); if (SBChat.dashboard || (active_conversation && SBChat.conversation.getLastMessage().id == message_id)) { SBChat.scrollBottom(); } return false; } if (!success && type != 'registration') { let shortcode_settings = this.shortcode(shortcode); let title = 'title' in shortcode_settings[1] ? `title="${shortcode_settings[1]['title']}"` : ''; let message = 'message' in shortcode_settings[1] ? `message="${shortcode_settings[1]['message']}"` : ''; let value = ''; if (['inputs', 'email'].includes(type)) { for (var key in settings) { value += settings[key][0] + ','; } value = `values="${value.slice(0, -1)}"` } else { value = `options="${settings}"`; } success = `[${type == 'email' ? 'inputs' : type} ${title} ${message} ${value} disabled="true"]`; } if (message_id != -1) { $.extend(parameters, { message_id: message_id, message: message ? message.replace(shortcode, success) : success, payload: payload }); } SBF.ajax(parameters, (response) => { if (response != false && !SBF.errorValidation(response)) { switch (type) { case 'email': for (var key in user_settings) { activeUser().set(key, user_settings[key][0]); } for (var key in settings_extra) { activeUser().setExtra(key, settings_extra[key][0]); } SBF.loginCookie(response[1]); if (rich_message_id == 'sb-subscribe-form') { SBF.ajax({ function: 'subscribe-email', email: activeUser().get('email') }); } SBChat.automations.run_all(); SBF.event('SBNewEmailAddress', { id: rich_message_id, name: activeUser().name, email: activeUser().get('email') }); break; case 'registration': SBF.loginCookie(response[1]); user_settings['id'] = [response[0].id]; if (!activeUser()) { activeUser(new SBUser(response[0])); for (var key in settings_extra) { activeUser().setExtra(key, settings_extra[key][0]); } SBPusher.start(); SBChat.initChat(); if ((!CHAT_SETTINGS['init-dashboard'] || !main.find('.sb-departments-list').length) && success) SBChat.sendMessage(bot_id, success, [], false, false, 3); } else { for (var key in user_settings) { activeUser().set(key, user_settings[key][0]); } for (var key in settings_extra) { activeUser().setExtra(key, settings_extra[key][0]); } SBChat.automations.run_all(); } if (SBChat.dashboard) { main.removeClass('sb-init-form-active'); $(area).remove(); if (!SBChat.isInitDashboard()) SBChat.hideDashboard(); } if (CHAT_SETTINGS['wp-registration'] && 'email' in user_settings && 'password' in user_settings) { SBApps.wordpress.ajax('wp-registration', { user_id: response[0].id, first_name: response[0].first_name, last_name: response[0].last_name, password: user_settings.password[0], email: user_settings.email[0] }); } else if (CHAT_SETTINGS['wp-users-system'] == 'wp') { SBApps.wordpress.ajax('wp-login', { user: user_settings.email[0], password: user_settings.password[0] }); } delete this.cache['registration']; setTimeout(() => { SBF.event('SBRegistrationForm', { id: rich_message_id, conversation_id: SBChat.conversation ? SBChat.conversation.id : false, user: user_settings, extra: payload['rich-messages'][rich_message_id]['result']['extra'] }); }, 5000); break; } if (message_id == -1) { $(element).closest('.sb-rich-message').html(success); } else if ((!('type' in payload) || payload['type'] != 'close-message') && !dialogflow_human_takeover) { SBChat.setConversationStatus(2); } if (!['login', 'chips', 'rating'].includes(type) && (CHAT_SETTINGS['dialogflow-send-user-details'] || !['email', 'registration'].includes(type))) { SBApps.dialogflow.message(`${rich_message_id}${dialogflow_response ? ('|' + dialogflow_response) : ''}`, [], false, dialogflow_parameters); } if (CHAT_SETTINGS['slack-active'] && (!dialogflow_human_takeover || SBApps.dialogflow.humanTakeoverActive())) { SBChat.slackMessage(activeUser().id, activeUser().name, activeUser().image, success); } if (SBPusher.active) SBChat.update(); if (type != 'registration' && type != 'email') SBF.event('SBRichMessageSubmit', { result: response, data: payload['rich-messages'][rich_message_id], id: rich_message_id }); } else { SBForm.showErrorMessage(area, SBForm.getRegistrationErrorMessage(response, 'response')); if (SBChat.dashboard) { SBChat.scrollBottom(); } input.sbLoading(false); } }); } }, // Return the shortcode name and the shortcode settings shortcode: function (shortcode) { if (shortcode.indexOf(' ') < 0) { return [shortcode.slice(1, -1), {}]; } let result = {}; let shortcode_name = shortcode.substr(1, shortcode.indexOf(' ') - 1); shortcode = shortcode.slice(1, -1).substr(shortcode_name.length + 1); let settings = shortcode.split('" '); for (var i = 0; i < settings.length; i++) { if (settings[i].includes('=')) { let item = [settings[i].substr(0, settings[i].indexOf('=')), settings[i].substr(settings[i].indexOf('=') + 2)]; result[$.trim(item[0])] = item[1].replace(/"/g, ''); } } return [shortcode_name, result]; }, // Init the rich message inputs initInputs: function (code) { code = $($.parseHTML('

' + code + '

')); code.find('.sb-input input').each(function () { if ($(this).val()) { $(this).siblings().addClass('sb-active sb-filled'); } }); return code.html(); }, // Timetable shortcode timetable: function (code) { let table = $($.parseHTML(`

${code}

`)); let offset = table.find('[data-offset]').attr('data-offset'); offset = SBF.null(offset) ? 0 : parseInt(offset); table.find('[data-time]').each(function () { let times = $(this).attr('data-time').split('|'); code = '' for (var i = 0; i < times.length; i++) { if (times[i] == 'closed') { code += sb_('Closed'); break; } else if (times[i]) { let hm = times[i].split(':'); let time = SBF.convertUTCDateToLocalDate(`01/01/2000 ${hm[0]}:${hm[1]}`, offset); code += time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) + (i == 0 || i == 2 ? `${sb_('to')}` : i == 1 && times[i + 1] ? `
` : ''); } } table.find(' > div > span').html(` ${sb_('Time zone')} ${Intl.DateTimeFormat().resolvedOptions().timeZone}`); $(this).html(code); }); return table.html(); }, // Slider sliderChange: function (id, direction = 'left') { let slider = chat.find(`#${id}`); if (slider.length && !slider.hasClass('sb-moving')) { let items = slider.find('.sb-slider > div > div'); let item = items.eq(0); let width = Math.ceil(item.closest('.sb-slider').width()); let negative = (direction == 'right' ? -1 : 1); let margin = parseFloat(parseFloat(parseFloat(item.css('margin-left')) + (width * negative)).toFixed(2)) + (-0.5 * negative); let check = width * (items.length - 1) * -1; if (margin < 1 && margin >= check) { item.css('margin-left', margin + 'px'); slider.addClass('sb-moving'); setTimeout(() => { slider.removeClass('sb-moving'); }, 1200); } slider.find('.sb-icon-arrow-right').sbActive(!(check > (margin - 15) && check < (margin + 15))); slider.find('.sb-icon-arrow-left').sbActive(margin < -10); } } } /* * ---------------------------------------------------------- * FORM METHODS * ---------------------------------------------------------- */ var SBForm = { // Get all settings getAll: function (area) { let settings = {}; $(area).find('.sb-input[id]').each((i, element) => { settings[$(element).attr('id')] = this.get(element); }); return settings; }, // Get a single setting get: function (input) { input = $(input); let type = input.data('type'); let name = sb_(SBF.escape(input.find(' > span').html())); switch (type) { case 'image': let url = input.find('.image').attr('data-value'); return [SBF.null(url) ? '' : url, name]; case 'select': return [SBF.escape(input.find('select').val()), name]; case 'select-input': let select = input.find('select,input[disabled]'); let prepend = select.val(); return [SBF.escape((select.is('select') || select.is('input') ? prepend : input.find('> div').html()) + input.find('input[type="tel"]').val()), name]; default: let target = input.find('input'); return [SBF.escape(target.length ? target.val() : input.find('[data-value]').attr('data-value')), name]; } }, // Set a single setting set: function (item, value) { item = $(item); if (item.length) { let type = item.data('type'); switch (type) { case 'image': if (value == '') { item.find('.image').removeAttr('data-value').removeAttr('style'); } else { item.find('.image').attr('data-value', value).css('background-image', `url("${value}")`); } break; case 'select': item.find('select').val(value); break; default: item.find('input,textarea').val(value); break; } return true; } return false; }, // Clear all the input values clear: function (area) { $(area).find('.sb-input,.sb-input-setting').each((i, element) => { this.set(element, ''); $(element).find('input, select, textarea').removeClass('sb-error'); }); this.set($(area).find('#user_type'), 'user'); }, // Check for errors on user input errors: function (area) { let errors = false; let items = $(area).find('input, select, textarea').removeClass('sb-error'); items.each(function (i) { let value = $.trim($(this).val()); let type = $(this).attr('type'); let required = $(this).prop('required'); if ((required && value == '') || ((required || value) && ((type == 'password' && (value.length < 8 || (items.length > (i + 1) && items.eq(i + 1).attr('type') == 'password' && items.eq(i + 1).val() != value))) || (type == 'email' && (value.indexOf('@') < 0 || value.indexOf('.') < 0 || /;|:|\/|\\|,|#|"|!|=|\+|\*|{|}|[|]|£|\$|€|~|'|>|<|\^|&/.test(value))) || (type == 'tel' && value && ($(this).parent().find('select').val() == '' || isNaN(value) || value.includes('+') || value.length < 5))))) { errors = true; $(this).addClass('sb-error'); } }); items = $(area).find('[data-required]').removeClass('sb-error'); items.each(function () { if (SBF.null($(this).attr('data-value'))) { $(this).addClass('sb-error'); errors = true; } }); return errors; }, // Display a error message showErrorMessage: function (area, message) { $(area).find('.sb-info').html(sb_(message)).sbActive(true); clearTimeout(timeout); timeout = setTimeout(function () { $(area).find('.sb-info').sbActive(false); }, 7000); }, // Display a success message showSuccessMessage: function (area, message) { $(area).find('.sb-info').remove(); $(area).addClass('sb-success').find('.sb-content').html(`

${message}

`); }, // Return the registration error message getRegistrationErrorMessage(area_or_response, type = 'validation') { if (type == 'response') return SBF.errorValidation(area_or_response, 'duplicate-email') ? 'This email is already in use. Please use another email.' : (SBF.errorValidation(area_or_response, 'duplicate-phone') ? 'This phone number is already in use. Please use another number.' : 'Error. Please check your information and try again.') let name = $(area_or_response).find('#last_name').length ? 'First name, last name' : 'Name'; let phone = $(area_or_response).find('#phone [required]').length ? ', phone number' : ''; let email = $(area_or_response).find('#email').length ? ', email' : ''; let password = $(area_or_response).find('#password').length ? ', and a password (8 character minimum)' : ''; return `${name}${email}${phone}${password} ${(email + phone + password) == '' ? 'is' : 'are'} required.`; } } window.SBForm = SBForm; /* * ---------------------------------------------------------- * # APPS * ---------------------------------------------------------- */ var SBApps = { // Get the login data login: function () { if (this.is('wp') && typeof SB_WP_ACTIVE_USER != ND && CHAT_SETTINGS['wp-users-system'] == 'wp') { return [[SB_WP_ACTIVE_USER, typeof SB_WP_AVATAR != ND ? SB_WP_AVATAR : ''], 'wp']; } if (typeof SB_PERFEX_ACTIVE_USER != ND) { return [[SB_PERFEX_ACTIVE_USER, SB_PERFEX_CONTACT_ID], 'perfex']; } if (typeof SB_WHMCS_ACTIVE_USER != ND) { return [SB_WHMCS_ACTIVE_USER, 'whmcs']; } if (typeof SB_AECOMMERCE_ACTIVE_USER != ND) { return [SB_AECOMMERCE_ACTIVE_USER, 'aecommerce']; } if (typeof SB_DEFAULT_USER != ND) { return [SB_DEFAULT_USER, 'default']; } return false; }, // Check if an app is installed and active is: function (name) { if (admin) return SBAdmin.apps.is(name); if (name == 'wordpress' || name == 'wp') return CHAT_SETTINGS['wp']; return name in CHAT_SETTINGS ? CHAT_SETTINGS[name] : false; }, wordpress: { // Ajax ajax: function (action, data, onSuccess = false) { if (typeof SB_WP_AJAX_URL == ND) return; $.ajax({ method: 'POST', url: SB_WP_AJAX_URL, data: $.extend({ action: 'sb_wp_ajax', type: action }, data) }).done((response) => { if (onSuccess) { onSuccess(response); } }); } }, woocommerce: { // Update the cart updateCart: function (action, product_id, onSuccess = false) { SBApps.wordpress.ajax(action, { product_id: product_id }, onSuccess); }, // Waiting list waitingList: function (action = 'request', product_id = false) { if (typeof SB_WP_WAITING_LIST !== ND && (action != 'request' || SB_WP_WAITING_LIST && SBF.storageTime('waiting-list-' + SB_WP_PAGE_ID, 24)) && activeUser()) { SBF.ajax({ function: 'woocommerce-waiting-list', product_id: product_id === false ? SB_WP_PAGE_ID : product_id, conversation_id: SBChat.conversation.id, action: action, token: this.token }, (response) => { if (response) { SBF.storageTime('waiting-list-' + SB_WP_PAGE_ID); if (action == 'request' && (!SBChat.chat_open || SBChat.dashboard)) { SBChat.updateConversations(); } } }); } } }, dialogflow: { token: storage('dialogflow-token'), typing_enabled: false, project_id: false, // Send a message to the bot and get the reply message: function (message = '', attachments = [], delay = false, parameters = false) { if (this.active()) { let human_takeover_active = SBApps.dialogflow.humanTakeoverActive(); if (!human_takeover_active || this.typing_enabled) { timeout = setTimeout(() => { SBChat.typing(-1, 'start'); setTimeout(() => { SBChat.typing(-1, 'stop'); }, 10000); }, 1000); } setTimeout(() => { SBF.ajax({ function: 'dialogflow-message', conversation_id: SBChat.conversation ? SBChat.conversation.id : false, message: message, attachments: attachments, parameters: parameters, token: this.token, dialogflow_language: storage('dialogflow-language') ? storage('dialogflow-language') : SB_LANG, project_id: this.project_id }, (response) => { if (response === false) return; if (response.response && response.response.error) return console.error(response.response); if ('human_takeover' in response) { SBChat.offlineMessage(); SBChat.followUp(); return this.active(false); } if ('language_detection' in response && !storage('dialogflow-language')) { storage('dialogflow-language', [response.language_detection]); } if (!SBF.errorValidation(response)) { let query_result = 'queryResult' in response['response'] ? response['response']['queryResult'] : false; let is_unknow = query_result && (query_result['action'] == 'input.unknown' || ('match' in query_result && query_result['match']['matchType'] == 'NO_MATCH')); let messages = 'messages' in response && Array.isArray(response['messages']) ? response['messages'] : []; SBChat.typing(-1, 'stop'); clearTimeout(timeout); if (this.token != response['token']) { this.token = response['token']; storage('dialogflow-token', response['token']); } if (is_unknow) { if (human_takeover_active) this.typing_enabled = false; } else this.typing_enabled = true; if (query_result) { // Actions if ('action' in query_result) { let action = query_result['action']; if (action == 'end') { this.active(false); } SBF.event('SBBotAction', action); } // Payload for (var i = 0; i < messages.length; i++) { if ('payload' in messages[i]) { let payloads = ['human-takeover', 'redirect', 'woocommerce-update-cart', 'woocommerce-checkout', 'open-article', 'transcript', 'department', 'agent', 'send-email', 'disable-bot', 'rich-message']; let payload = messages[i]['payload']; if (SBF.null(payload)) payload = []; if (payloads[0] in payload && payload[payloads[0]] === true) { this.humanTakeover(); } if (payloads[1] in payload) { setTimeout(function () { 'new-window' in payload && payload['new-window'] ? window.open(payload[payloads[1]]) : document.location = payload[payloads[1]]; }, 500); } if (payloads[2] in payload) { let payload_value = payload[payloads[2]]; SBApps.woocommerce.updateCart(payload_value[0], payload_value[1], (response) => { if (response) { SBF.event('SBWoocommerceCartUpdated', { 'action': payload_value[0], 'product': payload_value[1] }); } }); } if (payloads[3] in payload && payload[payloads[3]] === true) { SBApps.wordpress.ajax('url', { url_name: 'checkout' }, (response) => { setTimeout(() => document.location = response, 500); }); } if (payloads[4] in payload) { SBChat.showArticles(payload[payloads[4]]); } if (payloads[5] in payload && payload[payloads[5]]) { SBF.ajax({ function: 'transcript', conversation_id: SBChat.conversation.id, type: 'txt' }, (response) => { if (payload[payloads[5]] == 'email' && activeUser().get('email')) { SBChat.sendEmail('message' in payload ? payload.message : '', [[response, response]], true); } else window.open(response); }); } if (payloads[6] in payload) { SBF.ajax({ function: 'update-conversation-department', conversation_id: SBChat.conversation.id, department: payload[payloads[6]], message: SBChat.conversation.getLastUserMessage().message }); } if (payloads[7] in payload) { SBF.ajax({ function: 'update-conversation-agent', conversation_id: SBChat.conversation.id, agent_id: payload[payloads[7]], message: SBChat.conversation.getLastUserMessage().message }); } if (payloads[8] in payload) { let email = payload[payloads[8]]; SBChat.sendEmail(email.message, email.attachments, email.recipient == 'active_user'); } if (payloads[9] in payload) { this.active(false); SBF.cookie('sb-dialogflow-disabled', true, 300, 'set', true); } if (payloads[10] in payload) { SBChat.sendMessage(bot_id, payload[payloads[10]]); } SBF.event('SBBotPayload', payload); } // More if (!storage('dialogflow-language') && 'languageCode' in query_result && (!SB_LANG || query_result.languageCode != SB_LANG[0])) { storage('dialogflow-language', [query_result.languageCode]); } } // Diagnostic info if ('diagnosticInfo' in query_result) { let info = query_result['diagnosticInfo']; // End conversation if ('end_conversation' in info && info['end_conversation']) { this.active(false); } } } // Slack if (CHAT_SETTINGS['slack-active'] && messages && (!dialogflow_human_takeover || human_takeover_active)) { for (var i = 0; i < messages.length; i++) { SBChat.slackMessage(activeUser().id, CHAT_SETTINGS['bot-name'], CHAT_SETTINGS['bot-image'], messages[i]['message'], messages[i]['attachments']); } } SBF.event('SBBotMessage', { response: response, message: message }); } }); }, delay !== false ? delay : (CHAT_SETTINGS['bot-delay'] == 0 ? 2000 : parseInt(CHAT_SETTINGS['bot-delay']))); } }, // Check if Dialogflow is active or deactivate it active: function (active = true) { let name = 'human-takeover-' + SBChat.conversation.id; if (active === false) { SBF.storageTime(name); return false; } if (active == 'activate') { SBF.cookie('sb-dialogflow-disabled', 0, 0, 'delete'); SBF.storage(name, ''); } return CHAT_SETTINGS['dialogflow-active'] && !admin && !SBF.cookie('sb-dialogflow-disabled') && (SBF.storageTime(name, 240) || !SBChat.agent_online) && (!CHAT_SETTINGS['bot-office-hours'] || !CHAT_SETTINGS['office-hours']); }, // Trigger the welcome Intent welcome: function (open = false, sound = false) { SBF.ajax({ function: 'dialogflow-message', message: '', conversation_id: SBChat.conversation.id, token: this.token, event: 'Welcome', dialogflow_language: storage('dialogflow-language') ? storage('dialogflow-language') : SB_LANG }, () => { if (open) SBChat.start(); if (sound) SBChat.audio.play(); }); }, // Start the human takeover process humanTakeover: function () { SBF.ajax({ function: 'dialogflow-human-takeover', conversation_id: SBChat.conversation.id }, () => { SBChat.offlineMessage(); SBChat.followUp(); this.active(false); if (CHAT_SETTINGS['queue-human-takeover']) { CHAT_SETTINGS['queue'] = true; SBChat.queue(SBChat.conversation.id); } }); }, // Check if human takeover is active humanTakeoverActive: function () { return !SBF.storageTime('human-takeover-' + (SBChat.conversation ? SBChat.conversation.id : storage('open-conversation')), 240); }, // Translate a string translate: function (strings, language_code, onSuccess) { SBF.ajax({ function: 'google-translate', strings: strings, language_code: language_code, token: this.token }, (response) => { this.token = response[1] onSuccess(response[0]); }); } }, aecommerce: { // Update the user cart cart: function () { if (SBApps.is('aecommerce') && typeof SB_AECOMMERCE_CART != ND && typeof SB_AECOMMERCE_ACTIVE_USER != ND && storage('aecommerce') != JSON.stringify(SB_AECOMMERCE_CART)) { SBF.ajax({ function: 'aecommerce-cart', cart: SB_AECOMMERCE_CART }, () => { storage('aecommerce', JSON.stringify(SB_AECOMMERCE_CART)); }); } } }, martfury: { privateChat: function () { let store = $('#tab-vendor > h4,.ps-product__vendor > a'); if (store.length) { store = store.html().toLowerCase(); for (var i = 0; i < CHAT_SETTINGS.martfury.length; i++) { if (store == CHAT_SETTINGS.martfury[i]['martfury-linking-store'].toLowerCase()) { let agent_id = CHAT_SETTINGS.martfury[i]['martfury-linking-agent']; let conversations = SBF.activeUser() ? SBF.activeUser().conversations : []; SBChat.default_agent = agent_id; for (var j = 0; j < conversations.length; j++) { if (conversations[j].get('agent_id') == agent_id) { SBChat.openConversation(conversations[j].id); return; } } SBChat.clear(); SBChat.hideDashboard(); } } } } } } window.SBApps = SBApps; /* * ---------------------------------------------------------- * # INIT * ---------------------------------------------------------- */ $(document).ready(function () { main = $('.sb-admin, .sb-admin-start'); if (main.length) { admin = true; initialize(); return; } let url_full; let url; let init = false; if (typeof SB_INIT_URL != ND) { if (SB_INIT_URL.indexOf('.js') < 0) { SB_INIT_URL += '/js/main.js?v=' + version; } url_full = SB_INIT_URL; } else { let scripts = document.getElementsByTagName('script'); let checks = ['init.js', 'main.js', 'min/init.min.js', 'min/main.min.js']; for (var i = 0; i < scripts.length; i++) { let source = scripts[i].src; if (scripts[i].id == 'sbinit') { url_full = source; init = init ? init : url_full.includes('init.'); break; } else { for (var j = 0; j < checks.length; j++) { if (source && source.includes('/supportboard/js/' + checks[j])) { url_full = source; init = init ? init : url_full.includes('init.'); break; } } } } } let parameters = SBF.getURL(false, url_full); if ('url' in parameters) { url_full = parameters['url']; } if (typeof SB_DISABLED != ND && SB_DISABLED) { return; } if (init) { initialize(); return; } if (typeof SB_TICKETS != ND || ('mode' in parameters && parameters['mode'] == 'tickets')) { tickets = true; parameters['mode'] = 'tickets'; } if ('cloud' in parameters) { cloud_data = parameters['cloud']; } let min = url_full.lastIndexOf('main.min.js'); url = url_full.substr(0, url_full.lastIndexOf('main.js') > 0 ? (url_full.lastIndexOf('main.js') - 4) : (min - 8)); let url_chat = url + '/include/init.php' + ('lang' in parameters ? '?lang=' + parameters['lang'] : '') + ('mode' in parameters ? '&mode=' + parameters['mode'] : '') + (cloud_data ? '&cloud=' + cloud_data : ''); SBF.cors('GET', url_chat.replace('.php&', '.php?'), (response) => { let target = 'body'; if (tickets && $('#sb-tickets').length) { target = '#sb-tickets'; } $(target).append(response); SBF.loadResource(url + '/css/' + (tickets ? 'tickets' : 'main') + '.css'); if (tickets) { $.getScript(url + '/apps/tickets/tickets' + (min ? '.min' : '') + '.js?v=' + version, () => { initialize(); }); } else initialize(); }); }); function initialize() { main = $('.sb-admin, .sb-chat, .sb-tickets'); // Initalize the chat and the user if (main.length && typeof SB_AJAX_URL != ND) { chat = main.find('.sb-list'); chat_editor = main.find('.sb-editor'); chat_textarea = chat_editor.find('textarea'); chat_scroll_area = main.find(admin || tickets ? '.sb-list' : '> div > .sb-scroll-area'); label_date = main.find('.sb-label-date-top'); chat_header = chat_scroll_area.find('.sb-header'); chat_emoji = chat_editor.find('.sb-emoji'); chat_status = tickets ? main.find('.sb-profile-agent .sb-status') : null; SBChat.enabledAutoExpand(); SBChat.audio = main.find('#sb-audio').get(0); SBChat.audio_out = main.find('#sb-audio-out').get(0); // Check if cookies works SBF.cookie('sb-check', 'ok', 1, 'set'); if (SBF.cookie('sb-check') != 'ok') { cookies_supported = false; console.warn('Support Board: cookies not available.'); } else { SBF.cookie('sb-check', false, false, false); } if (!admin) { SBF.ajax({ function: 'get-front-settings', current_url: window.location.href }, (response) => { CHAT_SETTINGS = response; if (typeof SB_LOCAL_SETTINGS != ND) { $.extend(CHAT_SETTINGS, SB_LOCAL_SETTINGS); } bot_id = CHAT_SETTINGS['bot-id']; dialogflow_human_takeover = CHAT_SETTINGS['dialogflow-human-takeover']; agents_online = CHAT_SETTINGS['agents-online']; SBPusher.active = CHAT_SETTINGS['pusher']; if (typeof SB_REGISTRATION_REQUIRED != ND) { CHAT_SETTINGS['registration-required'] = SB_REGISTRATION_REQUIRED; CHAT_SETTINGS['tickets-registration-required'] = SB_REGISTRATION_REQUIRED; } if (typeof SB_ARTICLES_PAGE != ND && SB_ARTICLES_PAGE) { SBChat.initArticlesPage(); } if ((!tickets || !CHAT_SETTINGS['tickets-manual-init']) && ((tickets && !CHAT_SETTINGS['tickets-manual-init']) || (!CHAT_SETTINGS['chat-manual-init'] && (!CHAT_SETTINGS['disable-offline'] || agents_online) && (!CHAT_SETTINGS['disable-office-hours'] || CHAT_SETTINGS['office-hours']) && (!CHAT_SETTINGS['chat-login-init'] || SBApps.login())))) { SBChat.initChat(); } if (CHAT_SETTINGS['cron']) { setTimeout(function () { SBF.ajax({ function: 'cron-jobs' }); }, 10000); } if (CHAT_SETTINGS['cron-email-piping']) { setTimeout(function () { SBF.ajax({ function: 'email-piping' }); }, 8000); } if (CHAT_SETTINGS['push-notifications-users']) { SBPusher.initServiceWorker(); } if (tickets) { if (CHAT_SETTINGS['tickets-default-department']) SBChat.default_department = CHAT_SETTINGS['tickets-default-department']; if (CHAT_SETTINGS['dialogflow-disable-tickets']) CHAT_SETTINGS['dialogflow-active'] = false; } if (SBApps.is('martfury')) { let session = false; setInterval(function () { if (activeUser()) { let current = SBF.cookie('XSRF-TOKEN'); if (current && current != session) { SBF.ajax({ function: 'martfury-session' }); session = current; } } }, 3000); } SBApps.aecommerce.cart(); SBF.event('SBReady'); }); if (SBChat.audio) SBChat.audio.volume = 0.6; if (SBChat.audio_out) SBChat.audio_out.volume = 0.6; } else { SBF.event('SBReady'); } $(chat_editor).on('keydown', 'textarea', function (e) { if (e.which == 13 && (!tickets || CHAT_SETTINGS['tickets-enter-button']) && (!admin || (!e.ctrlKey && !e.shiftKey))) { SBChat.submit(); e.preventDefault; return false; } if (admin && e.which == 13 && e.ctrlKey) { SBChat.insertText('\n'); } }); $(main).on('keydown', '.sb-dashboard-articles input', function (e) { if (e.which == 13) $(this).next().click(); }); if (typeof SB_DEFAULT_DEPARTMENT !== ND) { SBChat.default_department = SB_DEFAULT_DEPARTMENT; } if (typeof SB_DEFAULT_AGENT !== ND) { SBChat.default_agent = SB_DEFAULT_AGENT; } if (typeof SB_DIALOGFLOW_AGENT !== ND) { SBApps.dialogflow.project_id = SB_DIALOGFLOW_AGENT; } } else { SBF.event('SBReady'); } // Disable real-time if browser tab not active document.addEventListener('visibilitychange', function () { SBF.visibilityChange(document.visibilityState); }, false); $(main).on('click', function () { if (!SBChat.tab_active) { SBF.visibilityChange(); } }); // Set the global container for both admin and front global = main; if (admin) { main = main.find('.sb-conversation'); } // Scroll detection $(chat_scroll_area).on('scroll', function () { let scroll = chat_scroll_area.scrollTop(); let count = label_date_items.length; SBChat.scrollHeader(); if (label_date_show) { label_date.sbActive(true); clearTimeout(timeout_label_date[0]); timeout_label_date[0] = setTimeout(() => { label_date.sbActive(false) }, 1500); } if (count) { if (SBChat.isBottom()) { label_date.html($(label_date_items[count - 1]).html()); } else { for (var i = 0; i < count; i++) { let top = label_date_items[i].getBoundingClientRect().top; if (top > 100 && top < 150) { let label = $(label_date_items[label_date_history[0] > scroll && i > 0 ? i - 1 : i]).html(); if (label != label_date_history[1]) { label_date.html(label); label_date_history[1] = label; } break; } } } } label_date_history[0] = scroll; }); // Show the message menu $(chat).on('click', '.sb-menu-btn', function () { let menu = $(this).parent().find('.sb-menu'); let active = $(menu).sbActive(); SBF.deactivateAll(); if (!active) { $(menu).sbActive(true); SBF.deselectAll(); if (admin) SBAdmin.open_popup = menu; } }); // Mobile if (mobile) { $(chat_editor).on('click', '.sb-textarea', function () { main.addClass('sb-header-hidden'); $(this).find('textarea').focus(); if (SBChat.isBottom()) { SBChat.scrollBottom(); setTimeout(() => { SBChat.scrollBottom(); }, 200); } }); $(chat_editor).on('focusout', '.sb-textarea', function () { setTimeout(() => { main.removeClass('sb-header-hidden'); }, 300); }); $(chat_editor).on('click', '.sb-submit', function () { chat_textarea.blur(); }); window.addEventListener('popstate', function () { if (SBChat.chat_open) SBChat.open(false); }); } // Hide the message menu $(chat).on('click', '.sb-menu li', function () { $(this).parent().sbActive(false); }); // Send a message $(chat_editor).on('click', '.sb-submit', function () { SBChat.submit(); }); // Open the chat $('body').on('click', '.sb-chat-btn,.sb-responsive-close-btn,#sb-open-chat,.sb-open-chat', function () { SBChat.open(!SBChat.chat_open); }); // Show the dashboard $(main).on('click', '.sb-dashboard-btn', function () { SBChat.showDashboard(); if (chat_scroll_area.find(' > .sb-panel-articles > .sb-article').length) SBChat.showArticles(); storage('open-conversation', 0); force_action = false; }); // Open a conversation from the dashboard $(main).on('click', '.sb-user-conversations li', function () { SBChat.openConversation($(this).attr('data-conversation-id')); }); // Start a new conversation from the dashboard $(main).on('click', '.sb-btn-new-conversation,.sb-departments-list > div,.sb-agents-list > div', function () { let id = $(this).data('id'); if (!SBF.null(id)) { if ($(this).parent().hasClass('sb-departments-list')) { SBChat.default_department = parseInt(id); } else { SBChat.default_agent = parseInt(id); } } force_action = 'new-conversation'; SBChat.clear(); SBChat.hideDashboard(); }); // Displays all conversations in the dashboard $(main).on('click', '.sb-btn-all-conversations', function () { main.find('.sb-dashboard-conversations').removeClass('sb-conversations-hidden'); }); // Events uploader $(chat_editor).on('click', '.sb-btn-attachment', function () { if (!SBChat.is_busy) { chat_editor.find('.sb-upload-files').val('').click(); } }); $(chat_editor).on('click', '.sb-attachments > div > i', function (e) { $(this).parent().remove(); if (chat_textarea.val() == '' && chat_editor.find('.sb-attachments > div').length == 0) { SBChat.activateBar(false); } e.preventDefault(); return false; }); $(chat_editor).on('change', '.sb-upload-files', function (data) { SBChat.busy(true); $(this).sbUploadFiles(function (response) { SBChat.uploadResponse(response); }); SBF.event('SBAttachments'); }); $(chat_editor).on('dragover', function (e) { $(this).addClass('sb-drag'); clearTimeout(timeout); e.preventDefault(); e.stopPropagation(); }); $(chat_editor).on('dragleave', function (e) { timeout = setTimeout(() => { $(this).removeClass('sb-drag'); }, 200); e.preventDefault(); e.stopPropagation(); }); $(chat_editor).on('drop', function (e) { let files = e.originalEvent.dataTransfer.files; e.preventDefault(); e.stopPropagation(); if (files.length > 0) { for (var i = 0; i < files.length; ++i) { let form = new FormData(); form.append('file', files[i]); SBF.upload(form, function (response) { SBChat.uploadResponse(response) }); } } $(this).removeClass('sb-drag'); return false; }); // Articles $(main).on('click', '.sb-btn-all-articles:not([onclick])', function () { SBChat.showArticles(); }); $(main).on('click', '.sb-articles > div:not(.sb-title)', function () { SBChat.showArticles($(this).attr('data-id')); }); $(main).on('click', '.sb-dashboard-articles .sb-input-btn .sb-submit-articles', function () { SBChat.searchArticles($(this).parent().find('input').val(), this, $(this).parent().next()); }); $(global).on('click', '.sb-article [data-rating]', function () { SBChat.articleRatingOnClick(this); }); $(chat).on('click', '.sb-rich-button a', function (e) { let link = $(this).attr('href'); if (link.indexOf('#') === 0) { if (link.indexOf('#article-') === 0) { SBChat.showArticles(link.replace('#article-', '')); e.preventDefault(); return false; } } }); // Lightbox $(global).on('click', '.sb-lightbox-media > i', function () { global.find('.sb-lightbox-media').sbActive(false); if (admin) SBAdmin.open_popup = false; return false; }); $(main).on('click', '.sb-image', function () { SBF.lightbox($(this).html()); }); $(main).on('click', '.sb-slider-images .sb-card-img', function () { SBF.lightbox(`

`); }); // Event: on conversation loaded $(document).on('SBConversationLoaded', function () { if (storage('queue')) { SBChat.queue(storage('queue')); } }); // Events emoji $(chat_editor).on('click', '.sb-btn-emoji', function () { SBChat.showEmoji(this); }); $(chat_emoji).on('click', '.sb-emoji-list li', function (e) { SBChat.insertEmoji($(this).html()); if (mobile) clearTimeout(timeout); }); $(chat_emoji).find('.sb-emoji-list').on('touchend', function (e) { timeout = setTimeout(() => { SBChat.mouseWheelEmoji(e); }, 50); }); $(chat_emoji).find('.sb-emoji-list').on('mousewheel DOMMouseScroll', function (e) { SBChat.mouseWheelEmoji(e); }); $(chat_emoji).find('.sb-emoji-list').on('touchstart', function (e) { SBChat.emoji_options['touch'] = e.originalEvent.touches[0].clientY; }); $(chat_emoji).on('click', '.sb-emoji-bar > div', function () { SBChat.clickEmojiBar(this); }); $(chat_emoji).on('click', '.sb-select li', function () { SBChat.categoryEmoji($(this).data('value')); }); $(chat_emoji).find('.sb-search-btn input').on('change keyup paste', function () { SBChat.searchEmoji($(this).val()); }); // Textarea $(chat_textarea).on('keyup', function () { SBChat.textareaChange(this); }); // Privacy message $(main).on('click', '.sb-privacy .sb-approve', function () { storage('privacy-approved', true); $(this).closest('.sb-privacy').remove(); main.removeClass('sb-init-form-active'); chat_header.find(' > div').css({ 'opacity': 1, 'top': 0 }); SBChat.initChat(); if (tickets) { SBTickets.showPanel('new-ticket'); } else if (!SBChat.isInitDashboard()) { SBChat.hideDashboard(); } }); $(main).on('click', '.sb-privacy .sb-decline', function () { let privacy = $(this).closest('.sb-privacy'); $(privacy).find('.sb-text').html($(privacy).attr('data-decline')); $(privacy).find('.sb-decline').remove(); SBChat.scrollBottom(true); }); // Popup message $(main).on('click', '.sb-popup-message .sb-icon-close', function () { SBChat.popup(true); }); // Rich messages and inputs $(main).on('click', '.sb-rich-message .sb-submit,.sb-rich-message .sb-select ul li', function () { let message = $(this).closest('.sb-rich-message'); if (!message[0].hasAttribute('disabled')) { SBRichMessages.submit(message, message.attr('data-type'), this); }; }); $(main).on('click', '.sb-rich-message .sb-input > span', function () { $(this).sbActive(true); $(this).siblings().focus(); }); $(main).on('focus focusout click', '.sb-rich-message .sb-input input,.sb-rich-message .sb-input select', function (e) { switch (e.type) { case 'focusin': case 'focus': $(this).siblings().sbActive(true); break; case 'focusout': if ($(this).val() == '') { $(this).siblings().sbActive(false); } else { $(this).siblings().addClass('sb-filled sb-active'); } break; case 'click': $(this).siblings().removeClass('sb-filled'); break; } }); $(main).on('click', '.sb-slider-arrow', function () { SBRichMessages.sliderChange($(this).closest('[id]').attr('id'), $(this).hasClass('sb-icon-arrow-right') ? 'right' : 'left'); }); $(main).on('change', '.sb-rich-message [data-type="select"] select', function () { $(this).siblings().sbActive(true); }); $(main).on('click', '[data-type="select-input"] > div', function () { $(this).prev().sbActive(true); $(this).next().addClass('sb-focus'); }); $(main).on('focusout', '[data-type="select-input"] input,[data-type="select-input"] select', function () { let cnt = $(this).closest('.sb-input'); if (cnt.find('input[type="tel"]').val() + cnt.find('select').val() == '') { cnt.find('span').sbActive(false); } cnt.find('.sb-focus').removeClass('sb-focus'); }); // Registration and Login $(main).on('click', '.sb-rich-registration .sb-login-area', function () { let init = main.hasClass('sb-init-form-active'); $(this).closest('.sb-rich-registration').replaceWith(SBRichMessages.generate({}, 'login', init ? 'sb-init-form' : '')); SBChat.scrollBottom(init); }); $(main).on('click', '.sb-rich-login .sb-registration-area', function () { if (CHAT_SETTINGS['registration-link']) { document.location = CHAT_SETTINGS['registration-link']; } else { let init = main.hasClass('sb-init-form-active'); $(this).closest('.sb-rich-login').replaceWith(SBRichMessages.generate({}, 'registration', init ? 'sb-init-form' : '')); SBChat.scrollBottom(init); } }); $(main).on('click', '.sb-rich-login .sb-submit-login', function () { SBF.loginForm(this, false, (response) => { let area = $(this).closest('.sb-rich-login'); activeUser(new SBUser(response[0])); if (area.hasClass('sb-init-form')) { main.removeClass('sb-init-form-active'); area.remove(); force_action = 'open-conversation'; SBChat.initChat(); SBPusher.start(); if (!SBChat.isInitDashboard()) { SBChat.hideDashboard(); } } else { area = area.closest('[data-id]'); let message = SBChat.conversation.getMessage(area.attr('data-id')); let text = `${sb_('Logged in as')} *${activeUser().name}*`; message.set('message', text); SBChat.updateMessage(message.id, text); area.replaceWith(message.getCode()); SBPusher.started = false; SBPusher.start(); } }); }); // Social share buttons $(chat).on('click', '.sb-social-buttons div', function () { SBF.openWindow($(this).attr('data-link')); }); // Archive chat $(main).on('click', '.sb-close-chat', function () { SBChat.closeChat(); }); // WooCommerce $(chat).on('click', '.sb-rich-woocommerce-button a, [href="#"].sb-card-btn', function (e) { let settings = SBF.settingsStringToArray($(this).closest('.sb-rich-message').attr('data-settings')); let checkout = settings['link-type'] == 'checkout' || settings['checkout']; let product_ids = $(this)[0].hasAttribute('data-ids') ? $(this).attr('data-ids').split(',') : [settings['id'].split('|')[$(this).parent().index()]]; if (product_ids.length) { if (loading(this)) return; SBApps.wordpress.ajax('button-purchase', { product_ids: product_ids, checkout: checkout, coupon: settings['coupon'] }, (response) => { if (checkout) { document.location = response; } else { $(this).addClass('sb-icon-check').sbLoading(false); } }); } e.preventDefault(); return false; }); $(chat).on('click', '#sb-waiting-list .sb-submit', function () { if ($(this).index() == 0) { setTimeout(() => { SBApps.woocommerce.waitingList('submit') }, 1000); } }); $(document).on('SBNewEmailAddress', function (e, response) { if (response['id'] == 'sb-waiting-list-email') { SBApps.woocommerce.waitingList('submit'); } }); /* * ---------------------------------------------------------- * COMPONENTS * ---------------------------------------------------------- */ // Search $(global).on('click', '.sb-search-btn > i', function () { let parent = $(this).parent(); let active = $(parent).sbActive(); if (active) { setTimeout(() => { $(parent).find('input').val('') }, 50); setTimeout(() => { $(parent).find('input').trigger('change') }, 550); }; $(parent).sbActive(!active); $(parent).find('input').focus(); global.find('.sb-select ul').sbActive(false); }); // Select $(global).on('click', '.sb-select', function () { let ul = $(this).find('ul'); let active = ul.hasClass('sb-active'); $(global).find('.sb-select ul').sbActive(false); ul.setClass('sb-active', !active); if (admin) SBAdmin.open_popup = active ? false : this; }); $(global).on('click', '.sb-select li', function () { let select = $(this).closest('.sb-select'); let value = $(this).data('value'); var item = $(select).find(`[data-value="${value}"]`); $(select).find('li').sbActive(false); $(select).find('p').attr('data-value', value).html($(item).html()); $(item).sbActive(true); }); // Image uploader $(global).on('click', '.sb-input-image .image', function () { upload_target = $(this).parent(); chat_editor.find('.sb-upload-files').click(); }); $(global).on('click', '.sb-input-image .image > .sb-icon-close', function (e) { $(this).parent().removeAttr('data-value').css('background-image', ''); e.preventDefault(); return false; }); } }(jQuery));